@import 'azzeratore.css';

/* Misure generali:
   Verticali:
      griglia a 12 colonne
         - 1 colonna: 8.33%
   Misure utili, con 1em = 16px
      - 215px -- 13.4375em
      - 90px -- 5.625em
      - 75px -- 4.6875em
      - 25px -- 1.5625em
      - 35px -- 2.1875em
      - 60px -- 3.75em
      
    */

body {
   font-family: helvetica, tahoma, sans-serif;
   background-color: black;
   font-size: 1em;
   counter-reset: section;
}

#container {
   width: 960px;
   height: 1000px;
   margin: 0 auto;
   background-color: #484848;
}

h1 {
  font-size: 1.5em;
  color: #e7e9e8;
}

h2 {
  font-size: 1.3em;
  margin: 1em 0 1em 0;
}

h3 {
  
}

h4 {
  
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
	color: red;
}


/* Elementi generici */

.float_left, .llblock {
   float: left;
}

.rem_float {
   clear: both;
}

.far_away {
   display: block;
   height: 0;
   margin: 0 0 0 -999em;
   padding: 0;
}




/*********** Layout generale ***********/

/* Elementi header generali */

#header {
   background-color: #191919;
   height: 4.68em;
	border-bottom: 1px solid white;
}

.llblock {
  width: 32.5%;
  text-align: center;
  vertical-align: middle;
  height: 4.68em;
  display: block;
}

/* Menu di navigazione */

#menu {
  width: 50%;
}

#menu a {
  display: block;
  width: 100%;
  height: 2.30em; /* Grazie all'overflow hidden posso mettere un valore alto */
  padding: 1.30em 0 0 0;
  color: #fefefe;
  text-decoration: none;
  font-size: 1.3em;
}


#menu a:hover {
  background-color: #484848;
	color: red;
}

/*********** Login e logout */

.llblock p {
  margin: 1.8em 0 0 0;
}

#login_logout {
   width: 50%;
}


/* Login */

#username {
   
}

#username, #password, #mail {
  width: 80%;
  border: 2px #272727 solid;
  background-color: #8c8c8c;
  color: #d9d9d9;
}

#request {
  margin: 0.1em 0 0 0;
  border: none;
  display: block;
  width: 141px;
  height: 19px;
  background: #191919 url('../images/linloutsup/accedi.png') no-repeat center left;
  cursor: pointer;
}

#request:hover {
   background-image: url('../images/linloutsup/accedi_hover.png');
}

#request:active {
  background-image: url('../images/linloutsup/accedi_hover.png');
}

/* Logout */

#welcome {
  color: grey;
}

#logout_submit {
  margin: 0.1em 0 0 0;
  display: block;
  width: 141px;
  height: 19px;
  border: none;
  background: #191919 url('../images/linloutsup/esci.png') no-repeat center center;
  cursor: pointer;
}

#logout_submit:hover {
  background-image: url('../images/linloutsup/esci_hover.png');
}

#logout_submit:active {
  background-image: url('../images/linloutsup/esci_hover.png');
}

/* Password dimenticata */

#forgot {
	height: 15px;
  font-size: 0.8em;
  text-align: right;
  float: right;
  margin: -22px 0 0 0;
  color: grey;
}

#send-mail-reset {
  width: 180px;
}

#mail {
  width: 67%;
  margin: 0 0.1em 0 0;
}

#forgot p, #forgot label {
  float: left;
}

#mail-label {
  margin: 0.1em 1em 0 0;
}

#access_form input, #send-mail-reset {
  border: 0 none #191919;
  background-color: #191919;
  color: #C0c0c0;
  cursor: pointer;
}



/* Messaggi flash */

.flash {
  margin: 0 0 1em 0;
}

#notice {
  color: white;
}

#warning {
  color: #f05e5f;
}

#error {
  color: red;
}

/* Errori da form */

#errorExplanation {
  border-top: 0.2em black solid;
  border-bottom: 0.2em black solid;
  margin: 2em 0 0 0;
  padding: 1em 0 1em 0;
  width: 60%;
}

#errorExplanation p {
  display: none;
}

#errorExplanation ul {
  margin: 0.5em 0 0 0;
  list-style-type: circle;
  list-style-position: outside;
}

.fieldWithErrors input, .fieldWithErrors select {
  background-color: #f05e5f;
}


/* Sign up */

#right_content {
	height: 960px;
}

#right_content img {
	margin: 13.4375em 0 0 20%;
}




/* Breadcrumbs */

#breadcrumbs {
  font-size: 0.8em;
  margin: 0 0 0.5em 0;
}

.gt:before {
  content: ">";
}


/* Contenuto centrale */

#left_content {
   width: 62.5%;
}

#content {
   padding: 1.5625em 0 0 3.5625em;
   /*height: 56.25em;*/
   color: #c0c0c0;
   background: #484848 url('../images/decoration.jpg') no-repeat scroll bottom right;
}

#central_content {
  margin: 2em 0 0 0;
}

#central_content p {
   margin: 1em 0 1em 0;
   line-height: 1.225em;
   width: 90%;
}

#central_content ol {
  list-style-type: decimal;
  list-style-position: outside;
}

#central_content ol li {
  margin: 0 0 1.4em 0;
}

#main_text {
  margin: 3.125em 0 0 0;
}

#operation p {
	margin: 2.5em 0 0 0;
	width: 218px;
	height: 43px;
	border: none;
	background: #484848 url('../images/linloutsup/vota.png') no-repeat center center;
	display: block;
	text-indent: -10000px;
}

#operation p a {
  display: block;
  height: inherit;
}

#operation p:hover {
  background-image: url('../images/linloutsup/vota.png');
}

#operation p:active {
  background-image: url('../images/linloutsup/vota.png');
}

/* Form */
#main_text form label {
  display: block;
}

/* Lettere */

.letter {
  font-family: "Monotype Corsiva", times, serif;
  font-size: 1.1em;
  text-align: justify;
  width: 90%;
  margin: 0 0 3em 0;
}

.letter_body {
  text-indent: 2em;
}

.letter_signature {
  font-weight: bold;
}

/************ INDICE ***************/

#title {
   padding: 2.1875em 0 0 0;
   margin: 0 0 3.75em 0;
}


/************ UTENTI *************/

/* Info utente */

ol#info {
  list-style-type: none;
}


/***************** TABELLA RISULTATI ****************/

.chart {
  width: 90%;
}

th {
  padding: 0 0 2.1825em 0;
  font-size: 0.9em;
}

th, td {
  text-align: center;
  color: #d7d5d6;
  border-right: #747474 1px solid;
}

td {
  font-size: 0.8em;
  padding: 0 0 2.1875em 0;
}

.person {
  width: 25%;
  text-align: left;
}

.hell, .purgatory, .heaven {
  width: 12.5%;
}




/************ Assessment ********************/

.assessment_results {
}

.assessment_results dt, .assessment_results dd {
  height: 2em;
  padding: 1em 0 0 0;
  border-right: 1px #747474 solid;
}

.assessment_results dt:before {
  counter-increment: section;
  content: counter(section) ". ";
}

.assessment_results dt {
  width: 60%;
  border-bottom: 1px #747474 dotted;
  float:left;
}

.assessment_results dd {
  width: 10%;
  text-align: center;
  float: left;
}